<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link type="text/css" href="css/base.css" rel="stylesheet" />
<link type="text/css" href="css/index.css" rel="stylesheet" />
</head>

<body>
<div class="head">
	<div class="head-list wraper">
    	<ul class="clearFix">
        	<li class="fl"><a href="#">小米网</a></li>
            <li class="fl"><a href="#">MIUI</a></li>
            <li class="fl"><a href="#">米聊</a></li>
            <li class="fl"><a href="#">游戏</a></li>     
            <li class="fl"><a href="#">多看阅读</a></li>
            <li class="fl"><a href="#">云服务</a></li>
            <li class="fl"><a href="#">小米网移动版</a></li>
            <li class="fl last"><a href="#">Select Region</a></li>
            <li class="fr last"><a href="#">注册</a></li>
            <li class="fr"><a href="#">登录</a></li>
        </ul>
    </div>
</div>
<div class="logo wraper clearFix">
	<h1 class="fl"><img src="images/logo.png" alt="" /></h1>
    <div class="input fl">
    	<input class="input1" type="text" name="user" placeholder="搜索您想要的商品" />
        <a class="bg1" href="#">小米手机4</a>
        <a class="bg2" href="#">小米电视</a>
        <a class="bg3" href="#">红米Note</a>
        <a class="bg4" href="#"></a>
    </div>
    <div class="shopcar fr">
    	<a href="#">购物车</a>
        <div class="list">小米电视(99999+)</div>
    </div>
    <div class="bg5">11月18日预约开放购买</div>
</div>
<div class="banner wraper clearFix">
	<div class="banner-top clearFix">
    	<i class="fl">全部分类</i>
        <div class="banner-top-list fl">
        	<ul class="clearFix">
            	<li class="first fl"><a href="#">首页</a></li>
                <li class="fl"><a href="#">小米手机</a></li>
                <li class="fl"><a href="#">红米</a></li>
                <li class="fl"><a href="#">小米平板</a></li>
                <li class="fl"><a href="#">小米电视</a></li>
                <li class="fl"><a href="#">盒子</a></li>
                <li class="fl"><a href="#">路由器</a></li>
                <li class="fl"><a href="#">合约机</a></li>
                <li class="fl"><a href="#">服务</a></li>
                <li class="fl"><a href="#">社区</a></li>
            </ul>
        </div>
    </div>
    <div class="banner-left fl">
    	<ul>
        	<li>
            	<h3>购买手机</h3>
                <a href="#">小米4</a><a href="#">小米4</a><a href="#">小米4</a><a href="#">小米4</a>
            </li>
            <li>
            	<h3>购买电视与平板</h3>
                <a href="#">小米电视</a><a href="#">小米盒子</a><a href="#">小米平板</a>
            </li>
            <li>
            	<h3>后盖与个性化配件</h3>
                <a href="#">米键</a><a href="#">后盖</a><a href="#">贴纸</a><a href="#">手机支架</a>
            </li>
            <li>
            	<h3>保护套与贴膜</h3>
                <a href="#">保护套/保护壳</a><a href="#">贴膜</a><a href="#">防尘塞</a>
            </li>
            <li>
            	<h3>移动电源与电池</h3>
                <a href="#">小米移动电源</a><a href="#">电池</a><a href="#">充电器</a>
            </li>
            <li>
            	<h3>路由器与智能家庭</h3>
                <a href="#">小米路由器</a><a href="#">随身Wifi</a><a href="#">智能家庭</a>
            </li>
            <li>
            	<h3>购买耳机</h3>
                <a href="#">小米活塞耳机</a><a href="#">更多耳机</a><a href="#">音箱</a>
            </li>
            <li>
            	<h3>小米生活方式</h3>
                <a href="#">小米手环</a><a href="#">服装</a><a href="#">血压计</a><a href="#">米兔</a>
            </li>
        </ul>
    </div>
    <div class="banner-right fl">
    	<div class="right-top">
        	<a href="#"><img src="images/p1.png" width="682" height="420" alt="" /></a>
            <div class="number">
            	<ul class="clearFix">
                	<li class="fl">
                    	<div class="img">1</div>
                    </li>
                    <li class="fl">
                    	<div class="img">2</div>
                    </li>
                    <li class="fl">
                    	<div class="img">3</div>
                    </li>
                    <li class="fl">
                    	<div class="img">4</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right-bottom">
        	<ul class="clearFix">
            	<li class="li1 fl">
                	<h2><a href="#">红米4G手机 现货购买</a></h2>
                    <p>可选红米1S、红米Note</p>
                </li>
                <li class="li2 fl">
                	<h2><a href="#">小米3 特价1499</a></h2>
                    <p>直降200，免预约购买</p>
                </li>
                <li class="li3 fl">
                	<h2><a href="#">小米电视2 单售3399元</a></h2>
                    <p>顶配49英寸4K电视，降价比之王</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="title wraper clearFix">
    <h2 class="fl">小米明星单品<a href="#">根据机型选配件</a></h2>
    <div class="title-lr fl">
    	<a href="#" class="left fl"></a>
        <a href="#" class="right fl"></a>
    </div>
</div>
<div class="content1 wraper">
	<ul class="clearFix">
    	<li class="fl">
        	<a href="#"><img src="images/p5.png" width="311" height="311" alt="" /></a>
            <div class="bg">
            	<a href="#"><p>1040mAh小米移动电源</p><b>全铝合金金属外壳，LG/三星等优质电芯</b></a>
            </div>
        </li>
        <li class="fl">
        	<a href="#"><img src="images/p6.png" width="311" height="311" alt="" /></a>
            <div class="bg">
            	<a href="#"><p>1040mAh小米移动电源</p><b>全铝合金金属外壳，LG/三星等优质电芯</b></a>
            </div>
        </li>
        <li class="fl">
        	<a href="#"><img src="images/p7.png" width="311" height="311" alt="" /></a>
            <div class="bg">
            	<a href="#"><p>1040mAh小米移动电源</p><b>全铝合金金属外壳，LG/三星等优质电芯</b></a>
            </div>
        </li>
    </ul>
</div>
<div class="title wraper clearFix">
    <h2 class="fl">新品上架</h2>
    <a class="special fr" href="#">更多 ></a>
</div>
<div class="content2 wraper clearFix">
	<div class="content2-left fl">
    	<div class="p8">
    		<a href="#"><img src="images/p8.png" alt="" /></a>
            <div class="bg6">
                <h3>iHealth智能血压计</h3>
                <i>父母在家一点就测 测量结果云同步</i>
                <p>199元</p>
            </div>
        </div>
        <div class="p131415 clearFix">
        	<div class="p13 fl">
                <a href="#"><img src="images/p13.png" alt="" /></a>
                <div class="bg7">
                    <h4>大人物米兔圆领套头卫衣</h4>
                    <i>99元</i><b>129元</b>
                </div>
            </div>
            <div class="p1415 fl">
            	<ul>
                	<li>
                    	<a href="#"><img src="images/p14.png" alt="" /></a>
                        <div class="bg7">
                        	<h4>QCY蓝牙运动耳机</h4>
                            <i>129元</i>
                        </div>
                    </li>
                    <li>
                    	<a href="#"><img src="images/p15.png" alt="" /></a>
                        <div class="bg8">
                        	<h4>小米手机二合一镜头</h4>
                            <i>59元</i>
                        </div>
                    </li>
                </ul>
            </div>
            
        </div>
        <div class="p1617 clearFix">
        	<div class="p16 fl">
                <a href="#"><img src="images/p16.png" alt="" /></a>
                <div class="bg7">
                    <h4>铁三角CLR100耳机</h4>
                    <i>118元</i>
                </div>
            </div>
            <div class="p16 fl">
                <a href="#"><img src="images/p17.png" alt="" /></a>
                <div class="bg7">
                    <h4>红米至简翻盖支架保护套</h4>
                    <i>49元</i>
                </div>
            </div>
        </div>
    </div>
    <div class="content2-right fr">
    	<div class="p9">
        	<a href="#"><img src="images/p9.png" alt="" /></a>
            <div class="bg9">
            	<h5>红米3D月球系列...</h5>
                <i>29元</i><b>39元</b>
                <p>上午十点开始秒杀</p>
            </div>
        </div>
        <div class="p9">
        	<a href="#"><img src="images/p10.png" alt="" /></a>
            <div class="bg9">
            	<h5>特惠配件套装</h5>
                <span>手机必备配件组合购买</span>
                <p>实惠更优惠</p>
            </div>
        </div>
        <div class="p9">
        	<a href="#"><img src="images/p11.png" alt="" /></a>
            <div class="bg9">
            	<h5>我爱酷玩</h5>
                <span>邂逅炫酷的电子产品</span>
                <p>结交趣味相投的朋友</p>
            </div>
        </div>
        <div class="p12">
        	<img src="images/p12.png" width="309" height="278" alt="" />
            <div class="bg10">
            	<h4>话费充值</h4>
                <input class="input2" type="text" name="user" placeholder="请输入手机号" />
                <select class="select1">
                	<option value="100">100</option>
                    <option value="200">200</option>
                    <option value="300">300</option>
                    <option value="400">400</option>
                    <option value="500">500</option>
                    <option value="1000">1000</option>
                </select>
                <p>实付价格：98.4元起</p>
                <input class="input3" type="button" value="立即充值" />
            </div>
        </div>
        <div class="p12">
        	<img src="images/p18.png" alt="" />
            <div class="bg10">
            	<h4>新闻公告</h4>
                <ul>
                	<li><a href="#">企业用户采购通道</a></li>
                    <li><a href="#">小米手机防伪查询</a></li>
                    <li><a href="#">小米手机官翻版</a></li>
                    <li><a href="#">小米3（64GB）购机用户补偿</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="title wraper">
    <h2>大家都喜欢</h2>
</div>
<div class="content2 wraper clearFix">
	<div class="content2-left fl">
    	<div class="p8">
    		<a href="#"><img src="images/p19.png" alt="" /></a>
            <div class="bg6">
                <h3>小米T恤换季特卖</h3>
                <i>舒适纯棉面料 多色经典图案</i>
                <p>全场29元</p>
            </div>
        </div>
        <div class="p1617 clearFix">
        	<div class="p16 fl">
                <a href="#"><img src="images/p20.png" alt="" /></a>
                <div class="bg7">
                    <h4>先锋SE-MJ512折叠式头戴耳机</h4>
                    <i>168元</i>
                </div>
            </div>
            <div class="p16 fl">
                <a href="#"><img src="images/p21.png" alt="" /></a>
                <div class="bg7">
                    <h4>红米高透防划贴膜（单片装）</h4>
                    <i>9.9元</i>
                </div>
            </div>
        </div>
    </div>
    <div class="content3-right fl">
    	<div class="hot">
        	<img src="images/p22.png" width="309" height="106" alt="" />
            <div class="bg11">
            	<em>HOT</em><strong>热销商品排行</strong>
            </div>
        </div>
        <div class="p23">
        	<img src="images/p23.png" width="309" height="103" alt="" />
            <div class="bg12">
            	<h3 class="fl">1</h3>
                <div class="price fl"><p>5200mAh移动电源</p><p>49元</p></div>
            </div>
        </div>
        <div class="p23">
        	<img src="images/p24.png" alt="" />
            <div class="bg12">
            	<h3 class="fl">2</h3>
                <div class="price fl"><p>米键</p><p>4.9元</p></div>
            </div>
        </div>
        <div class="p23">
        	<img src="images/p25.png" alt="" />
            <div class="bg12">
            	<h3 class="fl">3</h3>
                <div class="price fl"><p>小蜜蜂手机支架</p><p>19元</p></div>
            </div>
        </div>
        <div class="p23">
        	<img src="images/p26.png" alt="" />
            <div class="bg12">
            	<h3 class="h1 fl">4</h3>
                <div class="price fl"><p>JSB数据线120cm</p><p>15元</p></div>
            </div>
        </div>
        <div class="p23">
        	<img src="images/p27.png" alt="" />
            <div class="bg12">
            	<h3 class="h1 fl">5</h3>
                <div class="price fl"><p>八爪鱼相机支架</p><p>48元</p></div>
            </div>
        </div>
    </div>
</div>
<div class="title wraper">
    <h2>热评产品</h2>
</div>
<div class="content4 wraper clearFix">
	<div class="p28 fl">
    	<img src="images/p28.png" width="311" height="413" alt="" />
        <div class="bg13">
        	<h3>红米色彩主题后盖</h3>
            <b>| 1231好评</b>
            <p>39元</p>
        </div>
    </div>
    <div class="p28 fl">
    	<img src="images/p29.png" alt="" />
        <div class="bg13">
        	<h3>遥控飞行球</h3>
            <b class="bi">| 660好评</b>
            <p>130元</p>
        </div>
    </div>
    <div class="p28 fl">
    	<img src="images/p30.png" alt="" />
        <div class="bg13">
        	<h3>小米商务真皮钱包</h3>
            <b>| 3164好评</b>
            <p>159元</p>
        </div>
        <div class="bg14">
        	<p>后盖图案非常好看，不愧是官方出品，和机型严丝合缝很赞！</p>
        </div>
    </div>
</div>
<div class="title wraper">
    <h2>特价产品</h2>
</div>
<div class="content4 wraper clearFix">
	<div class="p28 fl">
    	<img src="images/p31.png" alt="" />
        <div class="bg13">
        	<h3>SanDisk 32GB储存卡</h3>
            <i>89元</i><em>100元</em>
        </div>
        <div class="red">省20元</div>
    </div>
    <div class="p28 fl">
    	<img src="images/p32.png" alt="" />
        <div class="bg13">
        	<h3>红米保护套装</h3>
            <i>40元</i><em>68元</em>
        </div>
        <div class="red">省28元</div>
    </div>
    <div class="p28 fl">
    	<img src="images/p33.png" alt="" />
        <div class="bg13">
        	<h3>大电池全能套装</h3>
            <i>129元</i><em>178元</em>
        </div>
        <div class="red">省49元</div>
    </div>
</div>
<div class="title wraper clearFix">
    <h2 class="fl">多看图书</h2>
    <a class="special fr" href="#">更多 ></a>
</div>
<div class="content4 wraper clearFix">
	<div class="p28 fl">
    	<img src="images/p34.png" alt="" />
        <div class="bg13">
        	<h3>《参与感：小米口碑营销内部手册》</h3>
            <p>黎万强（小米联合创始人）</p>
            <i>9.99元</i>
        </div>
        <div class="bottom"><img src="images/bottom.png" width="289" height="62" alt="" /></div>
        <div class="bg14">
        	<p>后盖图案非常好看，不愧是官方出品，和机型严丝合缝很赞！</p>
        </div>
    </div>
    <div class="p28 fl">
    	<img src="images/p35.png" alt="" />
        <div class="bg13">
        	<h3>《万万没想到：生活才是喜剧》</h3>
            <p>有时右逝叫兽易小星</p>
            <i>3.99元</i>
        </div>
        <div class="bottom"><img src="images/bottom.png" width="289" height="62" alt="" /></div>
        <div class="bg14">
        	<p>后盖图案非常好看，不愧是官方出品，和机型严丝合缝很赞！</p>
        </div>
    </div>
    <div class="p28 fl">
    	<img src="images/p36.png" alt="" />
        <div class="bg13">
        	<h3>《雪球专刊：为何美女爱渣男》</h3>
            <p>雪球用户</p>
            <i>免费</i>
        </div>
        <div class="bottom"><img src="images/bottom.png" width="289" height="62" alt="" /></div>
        <div class="bg14">
        	<p>后盖图案非常好看，不愧是官方出品，和机型严丝合缝很赞！</p>
        </div>
    </div>
</div>
<div class="content5 wraper clearFix">
	<div class="p28 fl">
    	<img src="images/p37.png" alt="" />
        <div class="bg13">
        	<h3>光棍节想脱单吗？告白字体0元起</h3>
            <i>6米币</i>
        </div>
        <div class="big"><img src="images/p40.png" alt="" /></div>
    </div>
    <div class="p28 fl">
    	<img src="images/p38.png" alt="" />
        <div class="bg13">
        	<h3>无所不能</h3>
            <i>6米币</i>
        </div>
        <div class="big"><img src="images/p41.png" alt="" /></div>
    </div>
    <div class="p28 fl">
    	<img src="images/p39.png" alt="" />
        <div class="bg13">
        	<h3>6色</h3>
            <i>6米币</i>
        </div>
        <div class="big"><img src="images/p42.png" alt="" /></div>
    </div>
</div>
<div class="foot">
	<div class="foot-t wraper clearFix">
    	<div class="t1 t-one fl">
        	<img src="images/t1.png" width="30" height="32" alt="" />
            <p>1小时快修服务</p>
        </div>
        <div class="t1 fl">
        	<img src="images/t2.png" width="30" height="32" alt="" />
            <p>7天无理由退货</p>
        </div>
        <div class="t1 fl">
        	<img src="images/t3.png" width="30" height="32" alt="" />
            <p>15天免费换货</p>
        </div>
        <div class="t1 fl">
        	<img src="images/t4.png" width="30" height="32" alt="" />
            <p>满150元包邮</p>
        </div>
        <div class="t1 t-5 fl">
        	<img src="images/t5.png" width="30" height="32" alt="" />
            <p>520余家售后网点</p>
        </div>
    </div>
    <div class="foot-c wraper">
    	<div class="foot-c">
        	<ul class="clearFix">
            	<li class="no1 fl">
                	<h3>帮助中心</h3>
                    <a href="#">购物指南</a>
                    <a href="#">支付方式</a>
                    <a href="#">配送方式</a>
                </li>
                <li class="fl">
                	<h3>服务支持</h3>
                    <a href="#">售后政策</a>
                    <a href="#">自助服务</a>
                    <a href="#">相关下载</a>
                </li>
                <li class="fl">
                	<h3>小米之家</h3>
                    <a href="#">小米之家</a>
                    <a href="#">服务网点</a>
                    <a href="#">预约亲临到店服务</a>
                </li>
                <li class="fl">
                	<h3>关于小米</h3>
                    <a href="#">了解小米</a>
                    <a href="#">加入小米</a>
                    <a href="#">联系我们</a>
                </li>
                <li class="fl">
                	<h3>关注我们</h3>
                    <a href="#">新浪微博</a>
                    <a href="#">小米部落</a>
                    <a href="#">官方微信</a>
                </li>
                <li class="no5 fl">
                	<h2>400-100-5678</h2>
                    <p>周一至周日 8：00-18：00</p>
                    <p class="p1">(仅收市话)</p>
                    <a class="orange" href="#">24小时在线客服</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="foot-b wraper">
    	<i>小米旗下网站：</i>
        <a href="#">小米网|</a><a href="#">MIUI|</a><a href="#">米聊|</a><a href="#">多看书城|</a><a href="#">小米路由器|</a><a href="#">小米后院|</a><a href="#">小米天猫店|</a><a href="#">小米淘宝直营店|</a><a href="#">小米网盟|</a><a href="#">问题反馈|</a><a href="#">SEelect Region</a>
        <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>
        <img src="images/ending.png" alt="" width="168" height="23" />
        <select class="select2">
        	<option value="简体中文">简体中文</option>
            <option value="英语">英语</option>
            <option value="德语">德语</option>
            <option value="韩语">韩语</option>
        </select>
    </div>
</div>
</body>
</html>
